<ion-view title="嘱托详情" hide-nav-bar="true">
    <ion-content class="padding">
        <div class="list card">
            <div style="border-bottom: 1px solid #cccccc;">
                <div class="row">
                    <h3>嘱托详情：</h3>
                </div>
            </div>
            <div>
                <div class="row">
                    <div class="col col-25">小孩名字：</div>
                    <div class="col col-75">{{vm.entrust.toEntrustChildName}}</div>
                </div>
                <div class="row">
                    <div class="col col-25">嘱托时间：</div>
                    <div class="col col-75">{{vm.entrust.entrustTime | date:'yyyy-MM-dd HH:mm:ss'}}</div>
                </div>
                <div class="row">
                    <div class="col col-25">执行状态：</div>
                    <div class="col col-75">{{vm.entrust.entrustState == 'execute' ? '已执行' : '未执行'}}</div>
                </div>
                <div class="row">
                    <div class="col col-25">嘱托详情：</div>
                    <div class="col col-75">
                        <div style="width: 100%;overflow: hidden;">
                            <div ng-if="vm.entrust.entrustType == 'audio'">
                                <audio src="{{vm.entrust.entrustAudioPath}}" controls></audio>
                            </div>
                            <div ng-if="vm.entrust.entrustType == 'text'">
                                {{vm.entrust.entrustContent}}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </ion-content>
    <ion-footer-bar align-title="left" class="bar-assertive" ng-show="vm.loginAccount.memberType == '1' && vm.entrust.entrustState != 'execute'">
        <div class="bar bar-footer" style="background: #55ABD4;">
            <a href="javascript:;" ng-click="postMemberInfo()">确认回执</a>
        </div>
    </ion-footer-bar>
</ion-view>